<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="renderer" content="webkit" />
<meta name="screen-orientation" content="portrait" />
<meta name="x5-orientation" content="portrait" />
<title>建筑装修装饰工程公司网站html模板联系我们页 - 模板之家 www.5imoban.net</title>
<link rel="stylesheet" type="text/css" th:href="@{/front/css/style.css}"/>
	<script type="text/javascript">
		function submitForm() {
		    var account = $("#accountId").val();
		    if(account=="") {
		        alert("账号不能为空");
		        return false;
			}else {
		        alert("预约成功");
		        this.document.forms[0].submit();
		        return true;
			}
		}
	</script>
</head>
<body>
<div class="top clearfix">
	<a href="http://www.cssmoban.com/" target="_blank" class="logo fl"><img th:src="@{front/img/logo.png}"/></a>
	<ul class="navbar clearfix fl">
		<li><a th:href="@{/}">网站首页</a></li>
		<li><a th:href="@{about}">关于我们</a></li>
		<li><a th:href="@{service}">服务项目</a></li>
		<li><a th:href="@{case}">案例展示</a></li>
		<li><a th:href="@{news}">新闻中心</a></li>
		<li><a th:href="@{job}">人才发展</a></li>
		<li><a th:href="@{contact}" class="navbarbottom">联系我们</a></li>
		<div class="scroll-nav"></div>
	</ul>
	<p class="p1 fr"><img th:src="@{front/img/tel.png}"/><span>咨询热线:</span> <b>0551-12345678</b></p>
	<span class="searchbtn fr"><img th:src="@{front/img/zoom.png}"/></span>
</div>
<div class="sousuo ">
	<div class="clearfix">
		<input type="text" value="" class="input1"  placeholder="请输入您要搜要的内容"   onfocus="this.placeholder='' " onblur="this.placeholder='请输入您要搜要的内容'"/>
		<input type="submit" name="" id="" value="搜索" class="sub" />
	</div>			
</div>

<div class="neibanner">
	<img th:src="@{front/img/banner.jpg}"/>
</div>
<div class="breadcrumb">
	<div class="w1240 clearfix">
		<div class="div2 fl">
			<span><img th:src="@{front/img/home.png}">首页</span><i>&gt;</i>
			<span>案例展示</span><i>&gt;</i>
			<span class="on">绿化工程</span>
		</div>
	</div>	
</div>
<div class="contact">	
	<div class="nei-right w1240">	
		<div class="online-map link-cont">
			<h2>在线地图</h2>
			<ul class="clearfix">
				<li>
					<img th:src="@{front/img/l3.png}" alt="" />
					<h3>地址</h3>
					<p>XX市XXX区XXXX街道XXX小区 </p>
					<h6>address</h6>
				</li>
				<li>
					<img th:src="@{front/img/l1.png}" alt="" />
					<h3>客服服务热线</h3>
					<p>0551-12345678</p>
					<h6>hotline</h6>
					
				</li>
				<li>
					<img th:src="@{front/img/l2.png}" alt="" />
					<h3>公司邮箱</h3>
					<p>info@1345121354.ocm</p>
					<h6>mail</h6>
				</li>
			</ul>
			<div class="map">
				<img th:src="@{front/img/map.jpg}" alt="" />
			</div>
		</div>
		<div class="contact-nei">
			<h1>在线预约</h1>				
			<form th:action="@{/online/add}" id="formId" method="post">
				<div class="biao">
					<input name="name" type="text" class="input1" placeholder="请输入您的姓名" />
					<input name="phone" type="text" class="input1" placeholder="手机号码-11位" />
					<input name="addr" type="text" class="input1" placeholder="地址" />
					<select name="">
						<option value="">服务项目</option>
						<option th:each="p:${serviceList}" th:value="${p.id}"><i th:text="${p.title}">建筑装修装饰</i></option>
					</select>
					<textarea name="" rows="" cols="" class="input1 area" placeholder="内容"></textarea>
					<div class="btn-sub clearfix">
						<input onclick="return submitForm()" class="tijiao" value="立即提交" />
						<input type="reset"  class="res" value="重置信息"/>
					</div>
				</div>
			</form>
		</div>	
	</div>	
</div>		
<div class="footer">
	<div class="w1240">
		<div class="div1 clearfix">
			<a href="" class="logo fl"><img th:src="@{front/img/logobai.png}"/></a>
			<ul class="clearfix fr">
				<li><a th:href="@{/}">网站首页</a></li>
				<li><a th:href="@{about}">关于我们</a></li>
				<li><a th:href="@{service}">服务项目</a></li>
				<li><a th:href="@{case}">案例展示</a></li>
				<li><a th:href="@{news}">新闻中心</a></li>

				<li><a th:href="@{job}">人才发展</a></li>
				<li><a th:href="@{contact}">联系我们</a></li>
			</ul>
		</div>
		<div class="div2 clearfix">
			<div class="left fl">
				<p class="p1">
					公司地址：XX市XXX区XXXX街道XXX小区<br />
					Copyright©2019 xxxxxx建设工程有限公司 版权所有<br />
					备案号：皖ICP备xxxxxxxx号-1      技术支持：<a href="http://www.cssmoban.com/" target="_blank">模板之家</a> 
				</p>
				<a href=""><img th:src="@{front/img/qqq.png}"/></a>
				<a href="javascript:void(0)"><img th:src="@{front/img/weixin.png}"/></a>
				<a href=""><img th:src="@{front/img/weibo.png}"/></a>
			</div>
			<div class="right fr">
				<p class="p3">免费咨询方式</p>
				<p class="p4">0551-12345678</p>
			</div>					
		</div>
		<div class="div3">
			<span>友情链接：   </span>
			<a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a>
			<a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a>
			<a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a>
		</div>
	</div>
</div>		




<script src="http://www.5imoban.net/download/jquery/jquery-3.3.1.min.js"></script>
<script src="http://www.5imoban.net/download/SuperSlide/SuperSlide.2.1.3.js"></script>
<script th:src="@{/front/js/plugin.js}"></script>
<script th:src="@{/front/js/banner.js}"></script>
<script th:src="@{/front/js/index.js}"></script>
<script th:src="@{/front/js/more.js}"></script>
</body>
</html>
